<template>
  <el-container class="container" :class="{'folded':folded}">
    <Header></Header>
    <el-container>
      <Navbar></Navbar>
      <Main></Main>
    </el-container>
  </el-container>
</template>

<script>
import Main from "../../components/Main";
import Navbar from "../../components/Navbar";
import Header from "../../components/Header";
import emitter from "../../utils/bus";

export default {
  name: "AppContainer",
  components: {Main, Navbar, Header},
  data() {
    return {
      folded: true
    }
  },
  mounted() {
    emitter.on('doCollapse2', () => {
      this.folded = !this.folded
    })

  }
}
</script>

<style scoped>

</style>